<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>jQuery cycle + lightbox example</title>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>
    <script type="text/javascript" src="js/example.js"></script>
    <link rel="stylesheet" type="text/css" href="css/example.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
  </head>
  <body>
    <h1>My Photo Collection</h1>
    <p id="intro">
      This is my photo album...yaddi-yaddi-ya...
    </p>
    <div class="album">
	<h2>Wicked Album</h2>
	<a href="photos/image1.jpg"><img src="photos/thumb_image1.jpg" alt="Lorem" /></a>
	<a href="photos/image2.jpg"><img src="photos/thumb_image2.jpg" alt="Ipsum" /></a>
	<a href="photos/image3.jpg"><img src="photos/thumb_image3.jpg" alt="Lorem" /></a>
    </div>
    <div class="album">
	<h2>Wickier Album</h2>
	<a href="photos/image4.jpg"><img src="photos/thumb_image4.jpg" alt="Ipsum" /></a>
	<a href="photos/image5.jpg"><img src="photos/thumb_image5.jpg" alt="Yadi" /></a>
	<a href="photos/image1.jpg"><img src="photos/thumb_image1.jpg" alt="Yadi" /></a>
	<a href="photos/image2.jpg"><img src="photos/thumb_image2.jpg" alt="Ya" /></a>
    </div>
    <div class="album">
	<h2>Wickiestest Album</h2>
	<a href="photos/image3.jpg"><img src="photos/thumb_image3.jpg" alt="Lorem" /></a>
	<a href="photos/image4.jpg"><img src="photos/thumb_image4.jpg" alt="Ipsum" /></a>
    </div>
    <div style="margin-top: 2em; font-size:0.8em; color: #999; width: 400px">
      This is a live example for the <a href="http://www.topicobserver.com/blog/web-development/2009/simple-photo-album-with-jquerysimple-photo-album-with-jquery/">Simple Web 2.0 Photo Album with jQuery</a> blog post at <a href="http://www.topicobserver.com/">www.topicobserver.com</a>.
    </div>
  </body>
</html>